<template>
  <el-pagination
    @current-change="handleChangeCurrent"
    @size-change="handleChangeSize"
    layout="prev, pager, next, total, sizes, jumper"
    :total="count" />
</template>

<script>
export default {
  props: {
    count: {
      type: Number,
      default: 0
    }
  },
  methods: {
    handleChangeCurrent(val) {
      this.$emit('changeCurrentPage', val)
    },
    handleChangeSize(val) {
      this.$emit('changePageSize', val)
    }
  }
}
</script>

<style lang="stylus" scoped>
  .el-pagination
    display flex
    align-items center
    height 35px
    border 1px solid #eee
    border-top none
</style>
